<template>
	<view>
		<!-- 标签页 -->
		<u-row gutter="16" justify="space-between" class="list">
			<u-col span="6">
				<view class="tabs1">
					<u-row gutter="16" justify="space-between">
						<u-col span="3">
							<u-image src="/static/index/csc.png" width="100%" height="auto" mode="widthFix"></u-image>
						</u-col>
						<u-col span="9">
							布尔商城
						</u-col>
					</u-row>
				</view>
			</u-col>
			<u-col span="6">
				<view class="tabs2">
					<u-row gutter="16" justify="space-between">
						<u-col span="3">
							<u-image src="/static/index/mcsb.png" width="100%" height="auto" mode="widthFix"></u-image>
						</u-col>
						<u-col span="9">
							买茶送包
						</u-col>
					</u-row>
				</view>
				<view class="tabs3">
					<u-row gutter="16" justify="space-between">
						<u-col span="3">
							<u-image src="/static/index/hyjb.png" width="100%" height="auto" mode="widthFix"></u-image>
						</u-col>
						<u-col span="9">
							会员券包
						</u-col>
					</u-row>
				</view>
			</u-col>
		</u-row>
	</view>
</template>

<script>
	export default {
		components: {
		   
		},
		data() {
			return {
				
			}
		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	.list{
		padding: 0rpx 10rpx;
		margin: 20rpx 0rpx;
	}
	.tabs1{
		height: 380rpx;
		padding: 20rpx;
		background-color: #F2F2E7;
	}
	.tabs2{
		height: 180rpx;
		padding: 20rpx;
		background-color: #FDF3F1;
		margin-bottom: 15rpx;
	}
	.tabs3{
		height: 180rpx;
		padding: 20rpx;
		background-color: #FCF6D5;
	}
	.right_icon{
		margin-left: 200rpx;
	}
</style>
